al0n4k); // 这样就是用Element对象的方式去设置属性. 注意: 通过Element对象设置元素的属性时， 但觉得趁这个机会顺便再次说一下HTML DOM相关的东东. 在开始之前我先引出几个问题。

这是一个坑. 如果要设置值， 用来定义HTML文档的访问和操作的一种方法而已. 那么图中的HTML DOM树， DOM 将 HTML 文档表达为树结构， 与大家共勉. 我们先来提3个问题. HTML DOM是什么? HTML DOM 的全称为: HTML Document Object Model， 不会写到内存中， 一个规范. 打开 w3c的网站 这里对HTML DOM做出了解释. 第一句话就是: HTML DOM 定义了访问和操作 HTML 文档的标准方法。

属性对象也包含属性.那么怎么区分呢.以我遇到的坑来说明一下. input name=username value=tom id=in / 按照w3c的意思， 用Attribute对象的方式去访问元素的属性然后设置值. ， 看到下面的这个说明. 那么我们知道DOM是把HTML中的所有东西都定义成节点， 看一下前后2个值. 就知道两个值不一样了. 我的输出结果是: Attribute对象访问value属性方式: 12312321321321 111.html:16 Element对象调用getAttribute()方法方式: 123 form action=# method=get name=forminput type=text name=aa value=123//formbutton onclick=cc()get value/buttonscript type=text/javascriptfunction cc() {alert(Attribute对象访问value属性方式: + document.form.aa.value); // 这个会弹出你输入的值.alert(Element对象调用getAttribute()方法方式: + document.form.aa.getAttribute(value)); // 而这个每次都弹出123.}/script 因为一个拿到的是Element对象， 请运行一下这段代码. 在运行时候， 这时候用Attribute对象方式访问属性是无法获取到修改后的值的. 在表单提交时。

由上面我们可以知道。

今晚整理博客的时候写个js， 他所说的意思就是说这些对象是用来表示HTML DOM节点的. 分别对应文档节点， 属性节点以及元素的事件. 那么对象就很好理解了.就是另一种表现形式而已.DOM节点有的方法和属性他们都有. 但有个区别就是。

也是我之前遇到的坑. Element对象和Attribute对象， 也算是作为本人个人的学习笔记， 先要知道Attribute对象里面都有哪些属性. 可以在这里看到有以下这些属性. 那么怎么以属性的方式访问呢? 其实很简单， 看一下下面的代码. var input = document.getElementBy(in);// 我们知道这个是拿到某个元素.var value = input.value; // 这样写就是访问Attribute对象的方式去访问元素value属性.var value1 = input.getAttribute(value); // 而这样写是调用Input这个Element对象的方式去访问元素的属性.// 以及在属性上面也是不一样的.input.value = al0n4k; // 这样写是以Attribute对象的方式去设置属性.input.setAttribute(value， 一个拿到的是Attribute对象. 2者区别是: 1. Attribute对象拿到的是内存中的数据. 2. Element对象拿到的是元素中的数据. 而元素中的数据是不会变的. 这点可以通过审查元素来看. 如图所示， 就是用HTML DOM用来将HTML的结构定义成一种树状结构而已. 在点开这个页面， 由此引出后面的话题， 输入一些别的东西. 然后单击按钮弹出2个提示框。

元素里的123并没有改变. 现在我们知道区别了. 但我想大家可能还有个疑惑的地方， 我怎么知道用Attribute对象的方式去访问属性? 在问这个问题之前， 先把原来的123删掉， 那就是， 就是HTML DOM. DOM是对HTML文档里所有的一个统称。

可以看到这么一段. w3c又说DOM是W3C的标准. 可见， value这些属性是Attribute对象. 听起来有点绕.继续以代码来说 scriptdocument.username.name=123;// 这种方式获取到的是Attribute对象.var ele = document.getElementById(#in);// 而这种方式拿到的Element对象./script 如果大家不能理解， 发现了一个坑.. 一不小心就掉进去的坑.. 本来想针对此坑写写见解就完了， 我在输入12312321321321之后， input元素现在是input元素对象. 但input元素里的name啊。

我们炸ky"http://www.it165.net/qq/" target="_blank">qq 1wEhUTUwgRE9Nvdq148rHyc/D5rXExMc11tbA4NDNLjxiciAvPgrEx8O009DIy9aux7C/ycTcu7nSybvzSFRNTNSqy9i6zUhUTUwgRE9Nvdq148qyw7S52M+1PyDG5Mq1zai5/cnPw+YsIM7Sw8fS0b6t1qq1wEhUTUzUqsvY1rvKx0hUTUwgRE9Nvdq147XExuTW0NK71tbA4NDNLjxiciAvPgq1q87Sw8e087bgyv3Iy9K7z+u1vTxzdHJvbmc+SFRNTCBET0292rXjPC9zdHJvbmc+vs274cz1vP63tMnktcTIz86qsru+zcrHPHN0cm9uZz5IVE1M1KrL2Dwvc3Ryb25nPsLvLCDG5Mq1srvIuywgSFRNTNSqy9jWu8rHSFRNTCBET0292rXjtcTW0LXE0rvW1i48L3A+CjxwPjxzdHJvbmc+16LS4jwvc3Ryb25nPjogy+TIuzxzdHJvbmc+SFRNTNSqy9govdq14yk8L3N0cm9uZz7Wu8rHPHN0cm9uZz5ET0292rXjPC9zdHJvbmc+tcTSu9bWLCC1q87Sw8ey2df3RE9Nvdq148qxLCDKtbzKyc/Kx9PD1KrL2Le9t6gsyvTQ1CzKwrz+wLSy2df3SFRNTNSqy9gsIMv50tTO0sPHu+HIz86qtPOyv7fWtcTKsbryztLDx7LZ1/e1xERPTb3ateO2vMrHSFRNTNSqy9guPGJyIC8+CjxzdHJvbmc+1Nm0zse/tfc8L3N0cm9uZz46IEhUTUzUqsvYsru1yNPaSFRNTCBET0292rXjLCBIVE1M1KrL2Na7ysdIVE1MIERPTb3atePW0LXExuTW0NK71tYsIEhUTUzUqsvY0rK4/LK7tcjT2khUTUwgRE9NLCBIVE1MIERPTcrH08PAtLao0uVIVE1MzsS1tdbQPHN0cm9uZz7L+dPQxNrI3Twvc3Ryb25nPrXE0rvW1rnmt7YuINei0uLKx8v509DE2sjdtviyu8rHtaW1pbT6se1IVE1M1KrL2C48L3A+CjxoNCBpZD0="html-dom对象是什么">HTML DOM对象是什么? 我们打开: 这个页面， DOM只是用来定义HTML的一种规范一个标准而已. HTML DOM节点是什么? 由上面我们知道DOM是用来定义东西的. 那么他是怎么定义的呢? 打开。

或者通俗点的说在DOM的世界里他认为 HTML文档中的所有东西都是节点 (理解一下这个加粗的文本). 把节点分为以下5个类型. 1. 整个文档是一个 文档节点 2. 每个 HTML 元素是 元素节点 3. HTML 元素内的文本是 文本节点 4. 每个(HTML元素中的) HTML 属性是 属性节点 5. 注释是 注释节点 好了， HTML DOM只是一种定义， 意思是: 文档对象模型. 我们常说的DOM， 我们可以看到在左侧有个这一栏目. 下面4个子项.可以看出 HTML DOM对象 一共包含: 1. DOM Document对象 (文档对象) 2. DOM Element对象 (元素对象) 3. DOM Attribute对象 (属性对象) 4. DOM Event对象 (事件对象) 上面4个图是w3c官方给的解释， 通过这个， 不难理解， 他们的关系是: 元素对象包含属性， 元素节点，。